<template>
  <div class="table_container">
    <wTable
      :column="column"
      :trLength="trLength"
      :tableDataMap="tableDataMap"
      class="singTable"
      td_width='calc(100% - 104px)'
      :isMerge="true"
    >
      <template #target="{ data }">
        <div class="cell_left">
          <span>{{ data.left.pnNumber }}</span>
          <span>{{ data.left.label }}</span>
        </div>
        <div class="cell_right">
          <span>{{ data.right.label }}:</span
          ><span>{{ data.right.pnNumber }}</span>
        </div>
      </template></wTable
    >
  </div>
</template>

<script>
import wTable from "./w_table.vue";
export default {
  props: ["column", "trLength", "tableDataMap"],
  components: {
    wTable,
  },
  methods: {},
};
</script>
<style scoped lang="less">
div {
  box-sizing: border-box;
}
.table_container {
  position: relative;
  width: 100%;
  height: 100%;
}
.singTable {
  max-width: 100%;
  max-height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  flex-direction: column;
}

.cell_left {
  font-weight: 600;
  span:nth-of-type(1) {
    margin-right: 8px;
    color: #1c4cba;
  }
  span:nth-of-type(2) {
    color: #626262;
  }
}
</style>
